<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <script type='text/javascript' src="<c:url value="/resources/js/jquery.js"/>"></script>
    <script type='text/javascript' src="<c:url value="/resources/js/cycle.js"/>"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#newswindow').cycle({
                fx:     'fade',
                speed:   30,
                timeout: 5000,
                pause:   1
            });
        });
    </script>

    <link rel="stylesheet" type="text/css" href="<c:url value="/resources/css/style.css"/>"/>
    <title>HelloWorld!</title>
</head>
<body>
<div id="newswindow">
    <c:forEach items="${latestnews}" var="news">
        <div class="largenews" style="background-image: url(<c:url value="${news.image}"/>)">
            <p class="newsheader">${news.header}</p>
        </div>
    </c:forEach>
</div>
</body>
</html>